<template>
  <div>
    <header style="display: flex;
     justify-content: space-between">
      <h3 style="color:#46c65e">豆瓣</h3>
      <van-search v-model="value" shape="round"  placeholder="搜索" />
      <van-icon style="padding-top:20px" name="cashier-o" size="30" />
      <van-button style="margin-top:20px" round type="success" size="small">打开app</van-button>
    </header>
    <div class="content">
        <ul>
            <li v-for="item in list" :key="item.id"> 
                <img style="width:100%;height:200px" :src="item.image" alt="">
                <div>
                    <h2>{{item.title}}</h2>
                    <p>{{item.name}}</p>
                </div>
            </li>
        </ul>
    </div>
  </div>
</template>
<script setup>
import {ref} from 'vue'
const list=ref([
    {
        id:1,
        image:require('../../assets/tu1.jpg'),
        title:'Top Maker',
        name:'北京'
    }
])
</script>